* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: '霞鹜文楷', sans-serif;
}

@mixin mixin-center-absolute($horizontal:true, $vertical:true) {
  position: absolute;
  @if $horizontal {
    left: 50%;
    transform: translateX(-50%);
  }
  @if $vertical {
    top: 50%;
    transform: translateY(-50%);
  }
  @if $horizontal and $vertical {
    transform: translate(-50%, -50%);
  }
}